<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小兔鲜儿-新鲜、惠民、快捷！</title>
    <meta name="description" content="小兔鲜儿官网，致力于打造全球最大的食品、生鲜电商购物平台。">
    <meta name="keywords" content="小兔鲜儿,食品,生鲜,服装,家电,电商,购物">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <!-- 设置标题logo -->
    <link rel="shortcut icon" href="favicon.ico" >
</head>
<body>
    <!-- 设置首页区域 -->
    <div class="sy">
        <ul class="wrapper">
            <li><a href="#">请先登录</a></li>
            <li><a href="#">免费注册</a></li>
            <li><a href="#">我的订单</a></li>
            <li><a href="#">会员中心</a></li>
            <li><a href="#">帮助中心</a></li>
            <li><a href="#">在线客服</a></li>
            <li><a href="#"><span class="iconfont icon-shouji"></span>手机版</a></li>
        </ul>
    </div>

    <!-- 设置logo区域 -->
    <div class="logo wrapper">
        <a href="#"><img src="./images/logo.png" alt=""></a>
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">生鲜</a></li>
            <li><a href="#">美食</a></li>
            <li><a href="#">餐厨</a></li>
            <li><a href="#">电器</a></li>
            <li><a href="#">居家</a></li>
            <li><a href="#">洗护</a></li>
            <li><a href="#">孕婴</a></li>
            <li><a href="#">服装</a></li>
            <li class="fdj"><a href="#"><span class="iconfont ss icon-RectangleCopy
            "><input type="text" placeholder="搜一搜"></span></a></li>
            <li class="gwc"><a href="#"><span class="iconfont cc icon-RectangleCopy2
            "></span></a></li>
        </ul>
    </div>

    <!-- 设置大标题区域 -->
    <div class="bt">
        <ul class="wrapper">
            <li><a href="#">生鲜<b>水果蔬菜</b><span class="wy">></span></a></li>
            <li><a href="#">美食<b>面点干果</b><span class="wy">></span></a></li>
            <li><a href="#">餐厨<b>数码产品</b><span class="wy">></span></a></li>
            <li><a href="#">电器<b>床品 四件套 被枕</b><span>></span></a></li>
            <li><a href="#">居家<b>奶粉 玩具 辅食</b><span>></span></a></li>
            <li><a href="#">洗护<b>洗发 洗护 美妆</b><span>></span></a></li>
            <li><a href="#">孕婴<b>奶粉 玩具</b><span>></span></a></li>
            <li><a href="#">服饰<b>女装 男装</b><span>></span></a></li>
            <li><a href="#">杂货<b>户外 图书</b><span>></span></a></li>
            <li><a href="#">品牌<b>品牌制造</b><span>></span></a></li>
        </ul>
    </div>

    <!-- 新鲜好物区域 -->
    <div class="goods wrapper">
      <div class="toubu">  
        <div class="left">
        <h3>新鲜好物</h3>
        <p>新鲜出炉 品质靠谱</p>
        </div>
        <div class="right">
            <a href="#" class="alj">查看全部<span class="iconfont icon-xianxing-_youjiantou"></span></a>
        </div>
    </div> 
        <div class="xxhw">
        <ul>
            <li>
                <a href="#">
                <img src="./uploads/xxhw.imgs/xxhw1.png" alt="">
                <div class="text">
                <h4>KN95级莫兰迪色防护口罩</h4>
                <p>￥<span>69</span></p> 
                </div>       
                </a>
            </li>
            <li>
                <a href="#">
                <img src="./uploads/xxhw.imgs/xxhw2.png" alt="">
                <div class="text">
                <h4>皇赐天然清香金丝楠木盒子</h4>
                <p>￥<span>556</span></p> 
                </div>       
                </a>
            </li>
            <li>
                <a href="#">
                <img src="./uploads/xxhw.imgs/xxhw3.png" alt="">
                <div class="text">
                <h4>法拉蒙高颜值记事本可定制</h4>
                <p>￥<span>58</span></p> 
                </div>       
                </a>
            </li>
            <li>
                <a href="#">
                <img src="./uploads/xxhw.imgs/xxhw4.png" alt="">
                <div class="text">
                <h4>NORHOR科技布布艺软皮沙发</h4>
                <p>￥<span>3759</span></p> 
                </div>       
                </a>
            </li>
        </ul>
      </div>
     </div>
    
     <!-- 人气推荐区域 -->
     <div class="human wrapper">
        <div class="toubu">  
        <div class="left">
            <h3>人气推荐</h3>
            <p>人气爆款 不容错过</p>
        </div>
        </div>
        <div class="rqtj">
            <ul>
                <li>
                    <a href="#">
                    <img src="./uploads/rqtj.imgs/rqtj 1.png" alt="">
                    <div class="text">
                    <h4>特惠推荐</h4>
                    <p>我猜得到 你的需要</p> 
                    </div>       
                    </a>
                </li>
                <li>
                    <a href="#">
                    <img src="./uploads/rqtj.imgs/rqtj 2.png" alt="">
                    <div class="text">
                    <h4>爆款推荐</h4>
                    <p>人气好物推荐</p> 
                    </div>       
                    </a>
                <li>
                    <a href="#">
                    <img src="./uploads/rqtj.imgs/rqtj 3.png" alt="">
                    <div class="text">
                    <h4>节日礼品一站全买</h4>
                    <p>编辑尽心整理推荐</p> 
                    </div>       
                    </a>
                <li>
                    <a href="#">
                    <img src="./uploads/rqtj.imgs/rqtj 4.png" alt="">
                    <div class="text">
                    <h4>鲜花园艺</h4>
                    <p>给生活增加仪式感</p> 
                    </div>       
                    </a>
                </li>    
            </ul>
        </div>
     </div>

     <!-- 热门品牌区域 -->
    <div class="brand">
        <div class="toubu wrapper">
            <div class="left">
                <h3>热门品牌</h3>
                <p>国际经典 品质认证</p>
            </div>
            <div class="right1">
                <a href="#" class="ljt"><span class="iconfont icon-xianxing-_zuojiantou2-128"></span></a>
                <a href="#" class="rjt"><span class="iconfont icon-xianxing-_youjiantou"></span></a>
            </div>
        </div>
        <div class="rmpp wrapper">
            <ul>
                <li>
                  <a href="#">
                    <img src="./uploads/rmpp.imgs/rmpp 1.png" alt="">
                  </a>
                </li>
                <li>
                    <a href="#">
                      <img src="./uploads/rmpp.imgs/rmpp 2.png" alt="">
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <img src="./uploads/rmpp.imgs/rmpp 3.png" alt="">
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <img src="./uploads/rmpp.imgs/rmpp 4.png" alt="">
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <img src="./uploads/rmpp.imgs/rmpp 5.png" alt="">
                    </a>
                  </li>
            </ul>
        </div>
    </div>

    <!-- 生鲜区域 -->
    <div class="fresh"> <!-- fresh为公共区域 -->
    <div class="toubu wrapper">  
        <div class="left">
        <h3>生鲜</h3>
        <ul class="ul1">
            <li><a href="#" class="hott">热门</a></li>
            <li><a href="#">蔬菜</a></li>
            <li><a href="#">肉禽蛋</a></li>
            <li><a href="#">水果</a></li>
            <li><a href="#">海鲜</a></li>
            <li><a href="#">零食</a></li>
            <li><a href="#">饮料</a></li>
        </ul>
        </div>
        <div class="right">
            <a href="#" class="alj">查看全部<span class="iconfont icon-xianxing-_youjiantou"></span></a>
        </div>
        </div>
            <!-- conten为公共区域 -->
        <div class="content wrapper">
            <div class="left">
                <a href="#"><img src="./uploads/fresh.igs/fresh_left.png" alt=""></a>
            </div>
            <div class="right">
                <ul>
                    <li>
                        <a href="#">
                            <div class="tp">
                                <img src="./uploads/fresh.igs/fresh1.png" alt="">
                            </div>
                            <div class="text">
                                <div class="nr">
                                <h4>双味千层 手抓饼烤肉组合</h4>
                                <p>240g/袋 4片装</p>
                                <p>加热即食</p>
                                </div>
                            </div>
                            <p class="prace">￥<span>89.99</span></p>
                        </a>
                        <div class="cover">
                            <p class="coverp1">找相似</p>
                            <p class="coverp2"></p>
                            <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                            "></span></p></a>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <div class="tp">
                                <img src="./uploads/fresh.igs/fresh2.png" alt="">
                            </div>
                            <div class="text">
                                <div class="nr">
                                <h4>云南甘蔗慢熬红糖馒头</h4>
                                <p>220g/袋 5个装</p>
                                <p>加热即食</p>
                            </div>
                            <p class="prace">￥<span>9.00</span></p>
                            </div>
                        </a>
                        <div class="cover">
                            <p class="coverp1">找相似</p>
                            <p class="coverp2"></p>
                            <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                            "></span></p></a>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <div class="tp">
                                <img src="./uploads/fresh.igs/fresh3.png" alt="">
                            </div>
                            <div class="text">
                                <div class="nr">
                                <h4>日式风味海盐小圆饼</h4>
                                <p>圆形【海盐味】</p>
                                <p>糖果零食</p>
                            </div>
                            <p class="prace">￥<span>588.00</span></p>
                            </div>
                        </a>
                        <div class="cover">
                            <p class="coverp1">找相似</p>
                            <p class="coverp2"></p>
                            <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                            "></span></p></a>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <div class="tp">
                                <img src="./uploads/fresh.igs/fresh4.png" alt="">
                            </div>
                            <div class="text">
                                <div class="nr">
                                <h4>全麦奶油浓香小面包</h4>
                                <p>50g/袋 12袋</p>
                                <p>美味西点</p>
                            </div>
                            <p class="prace">￥<span>69.00</span></p>
                            </div>
                        </a>
                        <div class="cover">
                            <p class="coverp1">找相似</p>
                            <p class="coverp2"></p>
                            <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                            "></span></p></a>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <div class="tp">
                                <img src="./uploads/fresh.igs/fresh5.png" alt="">
                            </div>
                            <div class="text">
                                <div class="nr"> 
                                <h4>秘制酥外皮五福摩提点心</h4>
                                <p>150g/盒</p>
                                <p>美味西点</p>
                            </div>
                            <p class="prace">￥<span>39.99</span></p>
                            </div>
                        </a>
                        <div class="cover">
                            <p class="coverp1">找相似</p>
                            <p class="coverp2"></p>
                            <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                            "></span></p></a>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <div class="tp">
                                <img src="./uploads/fresh.igs/fresh6.png" alt="">
                            </div>
                            <div class="text">
                                <div class="nr"> 
                                <h4>水果面膜韩国蜂蜜柚子茶</h4>
                                <p>560g/瓶</p>
                                <p>冲调饮品</p>
                            </div>
                            <p class="prace">￥<span>29.99</span></p>
                            </div>
                        </a>
                        <div class="cover">
                            <p class="coverp1">找相似</p>
                            <p class="coverp2"></p>
                            <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                            "></span></p></a>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <div class="tp">
                                <img src="./uploads/fresh.igs/fresh7.png" alt="">
                            </div>
                            <div class="text">
                                <div class="nr">
                                <h4>浓情比利时巧克力礼盒装</h4>
                                <p>205g/盒</p>
                                <p>糖果零食</p>
                                </div>
                            <p class="prace">￥<span>120.00</span></p>
                            </div>
                        </a>
                        <div class="cover">
                            <p class="coverp1">找相似</p>
                            <p class="coverp2"></p>
                            <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                            "></span></p></a>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <div class="tp">
                                <img src="./uploads/fresh.igs/fresh8.png" alt="">
                            </div>
                            <div class="text">
                                <div class="nr"> 
                                <h4>抹茶奶油小蛋糕礼盒装</h4>
                                <p>220g/盒</p>
                                <p>美味西点</p>
                            </div>
                            <p class="prace">￥<span>60.00</span></p>
                            </div>
                        </a>
                        <div class="cover">
                            <p class="coverp1">找相似</p>
                            <p class="coverp2"></p>
                            <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                            "></span></p></a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div> 

    <!-- 服饰区域 -->
    <div class="fresh">
        <div class="toubu wrapper">  
            <div class="left">
            <h3>服饰</h3>
            <ul class="ul1">
                <li><a href="#" class="hott">热门</a></li>
                <li><a href="#">女装</a></li>
                <li><a href="#">奢饰品</a></li>
                <li><a href="#">裤装</a></li>
                <li><a href="#">衬衫</a></li>
                <li><a href="#">T恤</a></li>
                <li><a href="#">内衣</a></li>
            </ul>
            </div>
            <div class="right">
                <a href="#" class="alj">查看全部<span class="iconfont icon-xianxing-_youjiantou"></span></a>
            </div>
            </div>
                <!-- conten为公共区域 -->
            <div class="content wrapper">
                <div class="left">
                            <!-- img的class：fs为服饰 餐厨 居家公共部分 -->
                    <a href="#"><img src="./uploads/clothes/clothes.jpg" class="fs"></a>
                </div>
                <div class="right">
                    <ul>
                        <li>
                            <a href="#">
                                <div class="tp1">
                                            <!-- img的class：fh为服饰 餐厨 居家公共部分 -->
                                    <img src="./uploads/clothes/clothes_goods_1.jpg" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr">
                                    <h4>诺蒂卡男女高级休闲鞋</h4>
                                    <p>36-43码 白色 米色 黑色</p>
                                    <p>新款服饰</p>
                                    </div>
                                </div>
                                <p class="prace">￥<span>299.99</span></p>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="tp">
                                    <img src="./uploads/clothes/Snipaste_2024-01-29_18-50-52.png" alt="" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr">
                                    <h4>劳力士真银高级手表带</h4>
                                    <p>宽度14-16mm规格</p>
                                    <p>新品配饰</p>
                                </div>
                                <p class="prace">￥<span>699.00</span></p>
                                </div>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="tp">
                                    <img src="./uploads/clothes/clothes_goods_3.jpg" alt="" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr">
                                    <h4>viney时尚新款小众包包</h4>
                                    <p>小/中/大号 红色 白色</p>
                                    <p>小众包包</p>
                                </div>
                                <p class="prace">￥<span>588.00</span></p>
                                </div>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="tp">
                                    <img src="./uploads/clothes/clothes_goods_4.jpg" alt="" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr">
                                    <h4>jessyline2022秋专柜款</h4>
                                    <p>M/L码 绿色</p>
                                    <p>新款服饰</p>
                                </div>
                                <p class="prace">￥<span>129.99</span></p>
                                </div>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="tp">
                                    <img src="./uploads/clothes/clothes_goods_5.jpg" alt="" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr"> 
                                    <h4>拉夫劳伦t恤男圆领短袖</h4>
                                    <p>L/Xl码 白色 黑色</p>
                                    <p>新款服饰</p>
                                </div>
                                <p class="prace">￥<span>69.99</span></p>
                                </div>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="tp">
                                    <img src="./uploads/clothes/clothes_goods_6.jpg" alt="" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr"> 
                                    <h4>李宁跑步鞋男鞋春季款</h4>
                                    <p>38-43码 白色 黑色 红色</p>
                                    <p>新款男鞋</p>
                                </div>
                                <p class="prace">￥<span>519.99</span></p>
                                </div>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="tp">
                                    <img src="./uploads/clothes/clothes_goods_7.jpg" alt="" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr">
                                    <h4>Dickies男鞋英伦工装鞋</h4>
                                    <p>38-43码 黑色 绿色</p>
                                    <p>新款男鞋</p>
                                    </div>
                                <p class="prace">￥<span>399.00</span></p>
                                </div>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="tp">
                                    <img src="./uploads/clothes/clothes_goods_8.jpg" alt="" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr"> 
                                    <h4>北极绒春夏男打底衫</h4>
                                    <p>M/L/XL 码</p>
                                    <p>新款服饰</p>
                                </div>
                                <p class="prace">￥<span>79.00</span></p>
                                </div>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                    </ul>
                </div> 
            </div>
        </div>

    <!-- 餐厨区域 -->
    <div class="fresh">
        <div class="toubu wrapper">  
            <div class="left">
            <h3>餐厨</h3>
            <ul class="ul1">
                <li><a href="#" class="hott">热门</a></li>
                <li><a href="#">厨具</a></li>
                <li><a href="#">水具</a></li>
                <li><a href="#">灯具</a></li>
                <li><a href="#">五金</a></li>
                <li><a href="#">家装材料</a></li>
                <li><a href="#">居家好物</a></li>
            </ul>
            </div>
            <div class="right">
                <a href="#" class="alj">查看全部<span class="iconfont icon-xianxing-_youjiantou"></span></a>
            </div>
            </div>
                <!-- conten为公共区域 -->
            <div class="content wrapper">
                <div class="left">
                            <!-- img的class：fs为服饰 餐厨 居家公共部分 -->
                    <a href="#"><img src="./uploads/kitchen/kitchen.jpg" class="fs"></a>
                </div>
                <div class="right">
                    <ul>
                        <li>
                            <a href="#">
                                <div class="tp1">
                                            <!-- img的class：fh为服饰 餐厨 居家公共部分 -->
                                    <img src="./uploads/kitchen/kitchen_goods_1.jpg" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr">
                                    <h4>不锈钢套装筷子便携三件</h4>
                                    <p>【得舍意禅】</p>
                                    <p>物好家居</p>
                                    </div>
                                </div>
                                <p class="prace">￥<span>210.99</span></p>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="tp">
                                    <img src="./uploads/kitchen/kitchen_goods_2.jpg" alt="" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr">
                                    <h4>竹炭牙刷用不烂软毛家庭</h4>
                                    <p>【灰色】</p>
                                    <p>居家好物</p>
                                </div>
                                <p class="prace">￥<span>699.00</span></p>
                                </div>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="tp">
                                    <img src="./uploads/kitchen/kitchen_goods_3.jpg" alt="" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr">
                                    <h4>TPOPOTO牌洗平板拖把</h4>
                                    <p>防异味拖把漕</p>
                                    <p>居家好物</p>
                                </div>
                                <p class="prace">￥<span>588.00</span></p>
                                </div>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="tp">
                                    <img src="./uploads/kitchen/kitchen_goods_4.jpg" alt="" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr">
                                    <h4>lamama牌菊花洗洁精</h4>
                                    <p>菊花味 1L豪华家庭装</p>
                                    <p>居家好物</p>
                                </div>
                                <p class="prace">￥<span>129.99</span></p>
                                </div>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="tp">
                                    <img src="./uploads/kitchen/kitchen_goods_5.jpg" alt="" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr"> 
                                    <h4>金纺牌樱花去污洗衣液</h4>
                                    <p>樱花味 2L豪华装</p>
                                    <p>居家好物</p>
                                </div>
                                <p class="prace">￥<span>129.99</span></p>
                                </div>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="tp">
                                    <img src="./uploads/kitchen/kitchen_goods_6.jpg" alt="" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr"> 
                                    <h4>洁成棉柔强力去污抹布</h4>
                                    <p>30片白色 黑色 红色</p>
                                    <p>居家好物</p>
                                </div>
                                <p class="prace">￥<span>59.99</span></p>
                                </div>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="tp">
                                    <img src="./uploads/kitchen/kitchen_goods_7.jpg" alt="" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr">
                                    <h4>大卫牌拖把专家圆形拖把</h4>
                                    <p>拖把漕6L容量</p>
                                    <p>居家好物</p>
                                    </div>
                                <p class="prace">￥<span>89.00</span></p>
                                </div>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="tp">
                                    <img src="./uploads/kitchen/kitchen_goods_8.jpg" alt="" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr"> 
                                    <h4>家庭装好物洁厕清洁剂</h4>
                                    <p>2L豪华装</p>
                                    <p>居家好物</p>
                                </div>
                                <p class="prace">￥<span>39.00</span></p>
                                </div>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                    </ul>
                </div> 
            </div>
        </div>
    <!-- 居家区域 -->
    <div class="fresh">
        <div class="toubu wrapper">  
            <div class="left">
            <h3>居家</h3>
            <ul class="ul1">
                <li><a href="#" class="hott">热门</a></li>
                <li><a href="#">鲜花生活</a></li>
                <li><a href="#">家纺</a></li>
                <li><a href="#">创意礼物</a></li>
                <li><a href="#">个性配饰</a></li>
                <li><a href="#">生活用品</a></li>
                <li><a href="#">家具用品</a></li>
            </ul>
            </div>
            <div class="right">
                <a href="#" class="alj">查看全部<span class="iconfont icon-xianxing-_youjiantou"></span></a>
            </div>
            </div>
                <!-- conten为公共区域 -->
            <div class="content wrapper">
                <div class="left">
                            <!-- img的class：fs为服饰 餐厨 居家公共部分 -->
                    <a href="#"><img src="./uploads/home/home.jpg" class="fs"></a>
                </div>
                <div class="right">
                    <ul>
                        <li>
                            <a href="#">
                                <div class="tp1">
                                            <!-- img的class：fh为服饰 餐厨 居家公共部分 -->
                                    <img src="./uploads/home/home_goods_1.jpg" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr">
                                    <h4>好老板2024新款吸油烟机</h4>
                                    <p>【好老板 强力低耗能】</p>
                                    <p>大牌推荐</p>
                                    </div>
                                </div>
                                <p class="prace">￥<span>5299.99</span></p>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="tp">
                                    <img src="./uploads/home/home_goods_2.jpg" alt="" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr">
                                    <h4>汉斯希家用软水机清洁粉</h4>
                                    <p>【汉斯希 强力无害清洁】</p>
                                    <p>好物推荐</p>
                                </div>
                                <p class="prace">￥<span>65.00</span></p>
                                </div>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="tp">
                                    <img src="./uploads/home/home_goods_3.jpg" alt="" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr">
                                    <h4>云米净水壶家用直饮台式</h4>
                                    <p>【过滤低耗能】</p>
                                    <p>居家好物推荐</p>
                                </div>
                                <p class="prace">￥<span>598.00</span></p>
                                </div>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="tp">
                                    <img src="./uploads/home/home_goods_4.jpg" alt="" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr">
                                    <h4>ztk恒温调奶器玻璃壶</h4>
                                    <p>【高效恒温】</p>
                                    <p>居家好物推荐</p>
                                </div>
                                <p class="prace">￥<span>129.99</span></p>
                                </div>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="tp">
                                    <img src="./uploads/home/home_goods_5.jpg" alt="" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr"> 
                                    <h4>荞麦枕头单人枕芯双人</h4>
                                    <p>【护颈椎枕头芯】</p>
                                    <p>居家好物</p>
                                </div>
                                <p class="prace">￥<span>199.99</span></p>
                                </div>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="tp">
                                    <img src="./uploads/home/home_goods_6.jpg" alt="" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr"> 
                                    <h4>Bear/小熊多功能切碎机 </h4>
                                    <p>【白色 红色/低功率】</p>
                                    <p>居家好物</p>
                                </div>
                                <p class="prace">￥<span>159.99</span></p>
                                </div>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="tp">
                                    <img src="./uploads/home/home_goods_7.jpg" alt="" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr">
                                    <h4>荣事达薄饼机家用低耗能</h4>
                                    <p>【制饼机电饼铛】</p>
                                    <p>居家好物</p>
                                    </div>
                                <p class="prace">￥<span>239.00</span></p>
                                </div>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="tp">
                                    <img src="./uploads/home/home_goods_8.jpg" alt="" class="fh">
                                </div>
                                <div class="text">
                                    <div class="nr"> 
                                    <h4>美式风格居家双人纯皮床</h4>
                                    <p>【双人1.8cm】</p>
                                    <p>居家好物</p>
                                </div>
                                <p class="prace">￥<span>3999.00</span></p>
                                </div>
                            </a>
                            <div class="cover">
                                <p class="coverp1">找相似</p>
                                <p class="coverp2"></p>
                                <a href="#"><p class="coverp3">发现更多宝贝<span class="iconfont icon-xianxing-_youjiantou
                                "></span></p></a>
                            </div>
                        </li>
                    </ul>
                </div> 
            </div>
        </div>

    <!-- 最新专题区域 -->
    <div class="zxzt">
        <div class="toubu wrapper">  
            <div class="left">
            <h3>最新专题</h3>
            </div>
            <div class="right">
                <a href="#" class="alj">查看全部<span class="iconfont icon-xianxing-_youjiantou"></span></a>
            </div>
            </div> 
            <div class="znr wrapper">
                <ul>
                    <li>
                        <img src="./uploads/zxzt.imgs/zxzt 1.png" alt="">
                      <div class="ifz">
                        <a href="#" class="www"><p><span class="iconfont icon-hongxin"></span>6220</p></a>
                        <a href="#" class="qqq"><span class="iconfont icon-yanjing">10880</span></a>
                        <h4>吃这些美食才不算辜负自己</h4>
                        <h5>餐厨起居洗护好物</h5>
                      </div>
                      <div class="ify">
                       <a href="#"><span class="iconfont icon-pinglun">694</span></a>
                       <p>￥29.9起</p>
                      </div>
                    </li>
                    <li>
                        <img src="./uploads/zxzt.imgs/zxzt 2.png" alt="">
                      <div class="ifz">
                        <a href="#"><span class="iconfont icon-aixin"><span>4562</span></span></a>
                        <a href="#"><span class="iconfont icon-yanjing">26063</span></a>
                        <h4>吃这些美食才不算辜负自己</h4>
                        <h5>餐厨起居洗护好物</h5>
                      </div>
                      <div class="ify">
                       <a href="#"><span class="iconfont icon-pinglun">366</span></a>
                       <p>￥29.9起</p>
                      </div>
                    </li>
                    <li>
                        <img src="./uploads/zxzt.imgs/zxzt 3.png" alt="">
                      <div class="ifz">
                        <a href="#"><span class="iconfont icon-aixin"><span>7542</span></span></a>
                        <a href="#"><span class="iconfont icon-yanjing">19503</span></a>
                        <h4>吃这些美食才不算辜负自己</h4>
                        <h5>餐厨起居洗护好物</h5>
                      </div>
                      <div class="ify">
                       <a href="#"><span class="iconfont icon-pinglun">233</span></a>
                       <p>￥29.9起</p>
                      </div>
                    </li>
                </ul>
            </div>
    </div>

    <!-- 版权区域 -->
    <div class="bq">
        <div class="tb wrapper">
            <ul>
                <li>
                    <p class="pp"><span class="iconfont icon-RectangleCopy1"></span>价格亲民</p>
                    <p><span class="iconfont icon-a-zu1962"></span>物流便捷</p>
                    <p><span class="iconfont icon-zhiliangguanli"></span>品质新鲜</p>
                    <p><span class="iconfont icon-shouhou"></span>售后无忧</p>
                </li>
            </ul>
        </div>
        <div class="zb wrapper">
            <div class="left">
                <ul>
                    <li><h4>购物指南</h4></li>
                    <li><h4>配送方式</h4></li>
                    <li><h4>关于我们</h4></li>
                    <li><h4>售后服务</h4></li> 
                    <li><h4>服务热线</h4></li>
                </ul>
            </div>
            <div class="leftbottem">
                <ul>
                    <li>
                        <a href="#">购物流程</a><br>
                        <a href="#">支付方式</a><br>
                        <a href="#">售后规则</a>
                    </li>
                    <li>
                        <a href="#">配送运费</a><br>
                        <a href="#">配送范围</a><br>
                        <a href="#">配送时间</a></li>
                    <li>
                        <a href="#">平台规则</a><br>
                        <a href="#">联系我们</a><br>
                        <a href="#">问题反馈</a>
                    </li>
                    <li>
                        <a href="#">售后政策</a><br>
                        <a href="#">退款说明</a><br>
                        <a href="#">取消订单</a>                 
                    </li>
                    <li>
                        <a href="">在线客服<span class="iconfont icon-lianxikefu"></span></a><br>
                        <a href="#">客服电话 400-0000-000</a><br>
                        <a href="#">工作时间 周一至周日 8：00-18：00</a>
                    </li>
                </ul>                    
            </div>
            <div class="right">
                <ul>
                    <li>
                        <img src="./images/qrcode.jpg" alt="">
                        <p>微信公众号</p>
                    </li>
                    <li>
                        <img src="./images/qrcode.jpg" alt="">
                        <p>APP下载二维码</p>
                    </li>
                </ul>
            </div>
            <div class="copyright">
                <p>
                    <a href="#">关于我们<span>|</span></a>
                    <a href="#">帮助中心<span>|</span></a>
                    <a href="#">售后服务<span>|</span></a>
                    <a href="#">配送与验收<span>|</span></a>
                    <a href="#">商务合作<span>|</span></a>
                    <a href="#">搜索推荐<span>|</span></a>
                    <a href="#">友情链接</a>
                </p>
                <p>&copy;小兔鲜儿 CopyRight归属YuLangLiang所有2024.1.30</p>
            </div>
        </div>
    </div>
</body>
</html>